<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>刘天平</title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.menu {
				width: 960px;
				height: 445px;
				border: 1px #DDD9D9 solid;
				background-color: #DDD9D9;
			}

			.menu ul {
				background-color: #383838; 
				overflow: hidden;
				height: 30px;
				line-height: 35px;
			}
			
			.menu li {background-image: url(../../img/宣传片播放素材/forumMenuBg.gif);background-repeat: no-repeat;
				list-style-type: none;
				float: left;
				padding: 0px 10px;
			}
		
			.menu a {
				text-decoration: none;
				color: white;
			}
			
			.menu li:hover {
				background-color: brown;
			}
			.main{ border: 1px  #465D6A  solid; width:500px;  }
			.body {
				float: left;
				margin-top: 8px;
				width: 570px;
			
				

				margin-left: 12px;
				height: 390px;
			}
			#e{ width: 522px;
			padding: 34px 20px;
				background-color: #000000;
			
			
			}
			#a{font-size: 15px;font-weight: 800;
			}
			
			.menu .m {
				
				background-color: #CED4DB;
				width: 323px;
				height: 398px;
				float: right;
				margin-top: 10px;
				margin-right: 1px;
			}
			
			.menu .m .m1 {height: 20px;
				background-color: #2A4F7B; 
			}
			#c{color: white; line-height: 40px;}
			.menu .m .m2 {;height: 20px;
				background-color: #102950;
			}
			
			
			
			.menu .m .m3 {
				float: right;
				border:1px #CED4DB solid;
			}
			
			.menu .m .m4 {
				float: left;
				border: 1px  #CED4DB solid;
			}
			
			.menu .m .m5 {
				float: left;
				border: 1px #CED4DB solid;
			}
			
			.menu .m .m6 {
				float: right;
				border: 1px  #CED4DB solid;
			}
			
			.n { text-align: center;
			
				border-top-color:  #747474 ;
				border-bottom-color: #DDD9D9;
				border-top: solid;
				border-top-width: 1px solid;
				width: 962px;
				height: 50px;
				background-color: #DDD9D9
			}
		</style>

	</head>

	<body>
		<div class="menu">
			<div>
				<ul>
					<li>
		<a href="#">首页 </a>

						
					</li>
					<li>
						<a href="#">知识库</a>
					</li>
					<li>
						<a href="#">论坛</a>
					</li>
					<li>
						<a href="#">学员问答</a>
					</li>
					<li>
						<a href="#">圈子</a>
					</li>
					<li>
						<a href="#">实时课堂</a>
					</li>
					<li>
						<a href="#">客户端下载</a>
					</li>
					<li>
						<a href="#">帮助中心</a>
					</li>
				</ul>

			</div>
			<div>
				
					<div   class="body">
						<div id="e"><img src="../../img/宣传片播放素材/video.jpg" /></div>
					<div > 	<span  id="a">携手共同进步</span><br />
						<img src="../../img/宣传片播放素材/icon-01.jpg" />时长：80秒
						<img src="../../img/宣传片播放素材/icon-02.jpg" />点击：56<br />  </div>
					</div>
				
				
				
				
 
				<div class="m">
					<div ><div class="m1">
						<span id="c">精彩视频</span>
					</div>
					<div class="m2"></div></div>
					<div class="m3">
						<img src="../../img/宣传片播放素材/video-02.jpg" />
						<h5>携手共同进步</h5><br />
						<img src="../../img/宣传片播放素材/icon-01.jpg" />时长：80秒<br />
						<img src="../../img/宣传片播放素材/icon-02.jpg" />点击：56<br />
					</div>
					<div class="m4">
						<img src="../../img/宣传片播放素材/video-01.jpg" />
						<h5>美丽的起点</h5><br />
						<img src="../../img/宣传片播放素材/icon-01.jpg" />时长：80秒<br />
						<img src="../../img/宣传片播放素材/icon-02.jpg" />点击：566<br />
					</div>
					<div class="m5">
						<img src="../../img/宣传片播放素材/video-03.jpg" />
						<h5>努力的过程</h5><br />
						<img src="../../img/宣传片播放素材/icon-01.jpg" />时长：80秒<br />
						<img src="../../img/宣传片播放素材/icon-02.jpg" />点击：56<br />
					</div>
					<div class="m6">
						<img src="../../img/宣传片播放素材/video-04.jpg" />
						<h5>享受丰硕的成果</h5><br />
						<img src="../../img/宣传片播放素材/icon-01.jpg" />时长：80秒<br />
						<img src="../../img/宣传片播放素材/icon-02.jpg" />点击：56<br />
					</div>

				</div>

			</div>

		</div>

		<div class="n">
			
			Copyright @ 2014-2016 Tianjin Zhuoxun Information Technology Co.,Ltd <br />
天津卓讯科技有限公司 版权所有<br />
		</div>

	</body>

</html>